@extends('home.base')
@section('content')
<!-- 主体内容 begin -->
<div class="product_wrapper" id="main_bd">
    <!-- 顶部通栏 begin -->
    <div id="ad_cpt_top_11565" class="topbanner_all">
        <div>
            <a href="#" target="_blank" rel="nofollow">
                <img src="./wukongzhuan/2016082318362510537.jpg">
            </a>
        </div>
    </div>    <!-- 顶部通栏 end -->
    <!-- 面包屑 begin -->
        <!-- 面包屑 begin -->
    <div class="breadcrumb" name="__Breadcrumb_pub" dd_name="顶部面包屑导航">
        <a href="#" >图书</a>
        <span class="gt">&gt;</span>
        <a href="#" >青春文学</a>
        <span class="gt">&gt;</span>
        <a href="" >玄幻/新武侠/魔幻/科幻</a>
        <span class="gt">&gt;</span>
        <span>悟空传（今何在现象级长销作品热血回归，2016修订版！彭于晏倪妮
            <span class="dot">...</span>
        </span>
    </div> 
    <!-- 面包屑 end -->
    <!-- 面包屑 end -->

    <!-- 图书展示区 begin -->
    <div class="product_main clearfix" dd_name="单品区域">
        <div class="pic_info">
        
<!-- 大图区 begin -->

    <div id="zoom" style="
        width:150px;height:150px;
        border:1px solid lime;
        position:absolute;left:113px;top:300px;
        background:url('') no-repeat;
        display:block;
        cursor:move;
        z-index:-1">  
    </div>
    <div class="pic" id="largePicDiv" style="border:1px solid blue">
        <a href="javascript:;" class="img" id="img_click">
            <img id="showPic" alt="{{$list->contents}}" src="{{url('./uploads/admin')}}/{{$list->pic1}}" dd_name="大图" name="" style="cursor:move">
            <!-- <div id="move" class="zoom_pup" 
            style="position: absolute;left: 0px;top: 0px;/*background: url(images/zoom_pup.png);*/ _background-image: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&#39;images/zoom_pup.png&#39;
            ,sizingMethod=&#39;scale&#39;); display:none"></div> -->
        </a>

    <!-- 加价购 -->
        <div style="background:url(http://img51.ddimg.cn/itemicon/new/jjg_c.png) no-repeat;height:68px;width:68px;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&#39;http://img51.ddimg.cn/itemicon/new/jjg_c.png&#39;,sizingMethod=&#39;noscale&#39;);" class="icon_promote"></div>
        <a href="javascript:;" class="icon_online" dd_name="在线试读" style="" id="main_img_extract" extract_type="detail"></a> 
        <div class="big_pic" style="display:none;border:1px solid red" id="detailPic">
            <!-- src="./wukongzhuan/23962996-1_u_24.jpg" -->
            <img id="detailPicShow" src="{{url('./uploads/admin')}}/{{$list->pic1}}" alt="" height="800" width="800">
        </div>
    </div>
    <div class="dp_slide" id="slide_img">
        <!--不可点击调取prev_none，next_none-->
        <a href="javascript:;" dd_name="角度图左箭头"></a>
        <a href="javascript:;" dd_name="角度图右箭头"></a>
        <div class="dp_slide_box">
            <ul>
                <li tag="1"> 
                    <a href="javascript:;" > <img class="hoverImg" src="{{url('uploads/admin')}}/{{$list->pic2}}" width="50"></a>
                </li> 
                <!-- imghref="http://img3x6.ddimg.cn/46/20/23962996-1_w_24.jpg"
                imghref="http://img3x6.ddimg.cn/46/20/23962996-2_w_24.jpg"
                imghref="http://img3x6.ddimg.cn/46/20/23962996-3_w_5.jpg"  -->
                <li tag="2"> 
                    <a href="javascript:;" > <img class="hoverImg" src="{{url('uploads/admin')}}/{{$list->pic3}}" width="50"></a>
                </li> 
                <li tag="3">
                    <a href="javascript:;" > <img class="hoverImg" src="{{url('uploads/admin')}}/{{$list->pic4}}" width="50"></a> 
                </li>
            </ul>
        <script type="text/javascript">
            $(function(){
                
                //划过小图出现大图
                $('.hoverImg').mouseover(function(){

                    //小图的地址src
                     var src = $(this).attr('src');

                    //放到大图的里面替换掉其src
                     $('#showPic').attr('src',src);
                });

                //放到大图上出现细节图
                $('#largePicDiv').mouseover(function(){

                    //替换细节图，改成显示的图
                    $('#detailPicShow').attr('src',$('#showPic').attr('src'));

                    //显示
                    $('#detailPic').css('display','block');

                    $('#zoom').css('display','block');

                //移出来的时候关闭放大镜    
                }).mouseout(function(){
                    $('#detailPic').css('display','none');
                    $('#zoom').css('display','none');
                });

                //绑定鼠标移动事件
                $('#largePicDiv').mousemove(function(ent){

                    var offset = $(this).offset();

                    //计算出鼠标在图层上的定位
                    var x = ent.pageX-offset.left;
                    var y = ent.pageY-offset.top;

                    //设置放大图层的滚动图层位置
                    $("#detailPic").scrollTop(y*1.5-100).scrollLeft(x*1.5-50);

                    // var xx = ent.pageX;   ??
                    // var yy = ent.pageY;   ？？为什么不是用这个而是用 x和y
                    //设置磨砂的位置 （不出来就算了，能放大就行了，有种思路是把那个showPic设置为背景）
                    $('#zoom').css('left',x-188);
                    
                    $('#zoom').css('top',y-375);
                });
            });
        </script>
        </div>
    </div>
    <div class="share_div clearfix">
        <a href="javascript:;" class="btn_scsp" prd="23962996" title="收藏" id="collect_left" dd_name="收藏商品">
            <i></i>收藏商品
        </a>
    </div>
<!-- 大图区 end -->

<!-- 大图区 点击后模态浮层 start -->
    <div class="masks" style="display: none" id="mainimg_masks">
        <div class="masks_bg">
            <iframe></iframe>
        </div>

        <div class="large_image">
            <a href="javascript:;" class="close" id="masks_close"></a>
            <div class="large_image_pic">

                <div class="large_l" ><!-- id="mask_left" -->
                    <a href="javascript:;" ></a><!-- id="mask_left" -->
                </div>

                <div class="large_r" ><!-- id="mask_right" -->
                    <a href="javascript:;" ></a><!-- id="mask_right" -->
                </div>

                <img alt="" title="" src="./wukongzhuan/23962996-1_w_24.jpg" id="mask_big_img">
            </div>
            <div class="large_wrap_right">
                <a href="javascript:;" class="btn_a prev" id="mask_up"></a>
                <a href="javascript:;" class="btn_a next" id="mask_down"></a>
                <div class="img_list" id="mask_small_list">
                    <ul tag="1">
                        <li tag="1">
                            <a class="hover" href="javascript:;" imghref="http://img3x6.ddimg.cn/46/20/23962996-1_w_24.jpg">
                                <img src="./wukongzhuan/23962996-1_m_24.jpg">
                            </a> 
                        </li>
                        <li tag="2">
                            <a href="javascript:;" imghref="http://img3x6.ddimg.cn/46/20/23962996-2_w_24.jpg"> 
                                <img src="./wukongzhuan/23962996-2_m_24.jpg">
                            </a> 
                        </li>
                        <li tag="3">
                            <a href="javascript:;" imghref="http://img3x6.ddimg.cn/46/20/23962996-3_w_5.jpg"> 
                                <img src="./wukongzhuan/23962996-3_m_5.jpg">
                            </a> 
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
<!-- 大图区 点击后模态浮层  end -->
</div>
    <div class="show_info">
        <div class="sale_box clearfix">
            <div class="sale_box_left">
                    <!-- 标题区 begin -->
                <div class="name_info">
                    <h1 title="{{$list->title}}">
                        <img src="./wukongzhuan/icon_wx.png" class="icon_name" style="display:none">
                        <img src="./wukongzhuan/icon_hw.png" class="icon_name" style="display:none">
                        {{$list->title}}    
                    </h1>
                    <h2>
                        <span class="head_title_name" title="{{$list->contents}}。&#160; 青春动漫图书 5折封顶 点击查看详情&gt;&gt;&#160;">
                            {{$list->contents}}&nbsp;
                        </span>
                        <span class="hot" title="{{$list->contents}}。&#160; 青春动漫图书 5折封顶 点击查看详情&gt;&gt;&#160;"><br>
         <!-- <a target="_blank" href="http://book.dangdang.com/20160822_zxso">青春动漫图书 5折封顶 点击查看详情&gt;&gt;</a> -->
                        <br>&nbsp;&nbsp;
                        </span>
                        <span class="yushou" id="dp_presell"></span>    
                    </h2>
                </div>
                    <!-- 标题区 end -->
                <div class="messbox_info">
                               
                    <span class="t1" id="author" dd_name="作者">
                        作者:<a href="#" target="_blank">
                                {{$list->auth}}
                            </a>
                    </span>

                    <span class="t1" dd_name="出版社">
                        出版社:<a href="http://www.dangdang.com/publish/%B1%B1%BE%A9%C1%AA%BA%CF%B3%F6%B0%E6%B9%AB%CB%BE_1" target="_blank">{{$list->chubanshe}}</a>
                    </span>
                  
                    <span class="t1">出版时间:{{$list->chubantime}}&nbsp;</span>
                    <div class="pinglun">
                        <span class="t1" id="pubbang" style="display:none" dd_name="图书排行榜排名"></span>
                        <span class="star_box">
                            <span class="star" style="color:#ffcc00;line-height:10px" >
                                ★★★★★
                            </span>
                        </span>
                        <a href="http://product.dangdang.com/23962996.html#review_point" id="comm_num_down" dd_name="评论数">
                            {{$list->pinglun}}
                        </a>条评论
                    </div>                      
                </div>
                    <!-- 价格begin -->
                <div class="d15_price_info clearfix">
                    <div class="price_pc">
                        <div class="price_d">
                            <p class="t" id="price_type">当当价</p>
                                <p id="price_sale">
                                    <span class="yen">￥</span>
                                    {{$list->youhuiPrice}}
                                </p>
                        </div>
                        <div class="price_zhe" id="price_discount">
                            折
                        </div>
                        <div class="price_m">
                            <span class="yen">￥</span>
                            {{$list->marketPrice}}
                        </div>
                    </div>
                </div>
                <div class="cuxiao_info clearfix" dd_name="促销" name="promo">
                    <div class="left letter02">促销</div>
                    <div class="right">
                        <div class="clearfix" dd_name="电子书加价购">
                            <b>电子书加价购</b>
                                <div class="rule rule06">
                                    <ul class="list_e">
                                        <li id="ebook_jjg_1900550333">
                                            <a href="javascript:void(0)" class="checkboxa" ></a>
                                            <a href="javascript:;" class="jia_gou_e" title="孤独小说家(电子书)作者：(日)石田衣良" target="_blank">
                                                +9.00元换购《孤独小说家(电子书)》作者：(日)石田衣良
                                                <input type="hidden" value="9.00" name="eprice">
                                                <input type="hidden" value="3407280" name="promoid">
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                        </div>
                        <input type="hidden" id="selected_prd_id" ptype="229" eprice="" promoid="" data-value="">
                    </div>
                </div><!-- 价格end -->
                <!-- 配送至 begin-->
                <span id="stock_span" iscatalog="" shop_id="0" prd_id="23962996" page_type="book" template_id="0"></span>
                <div class="area_info clearfix" id="stock_html">
                <div class="left letter03">配送至</div>
                <div class="right">
                    <div class=""><!-- select_add clearfix -->
                        <span class="text" id="select_add" dd_name="配送至">请选择收货地址</span>
                        <script type="text/javascript">
                            $(function(){
                                //显示城市的信息
                                $('#select_add').click(function(){
                                    $('.area_pop').css('display','block');
                                });

                                //关闭显示
                                $('#address_close').click(function(){
                                    $('.area_pop').css('display','none');
                                });

                                //获取第一次选择的城市的地址的(省)id
                                $('#addr_province li a').click(function(){
                                
                                    //点击的id的值
                                    var zhi = $(this).attr('id');
                                    // window.location.href="{{URL('home/detail/create')}}";
                                    
                                    //头改为点击时的省份
                                    $('#province_top').html($(this).html());

                                    //出现市级的标题
                                    $('#city_top').css('display','block');

                                    $.ajax({
                                        url:"{{URL('home/detail/create')}}",
                                        type:"GET",
                                        data:{'id':zhi},
                                        dataType:'text',
                                        async:true,
                                        success:function(data){
                                            
                                            //去掉其他的显示的可以选的数据
                                            $("ul[class='list clearfix']").css('display','none');

                                            //只显示市级的内容
                                            $('#addr_city').html(data).css('display','block');

                                                //市级的被点击
                                                $('#addr_city li a').click(function(){
                                                    
                                                    //传id
                                                    var zhi = $(this).attr('id');

                                                    //头换成点击的城市
                                                    $('#city_top').html($(this).html());

                                                    //显示镇级别的头
                                                    $('#town_top').css('display','block');

                                                    $.ajax({
                                                        url:"{{URL('home/detail/create')}}",
                                                        type:"GET",
                                                        data:{'id':zhi},
                                                        dataType:'text',
                                                        async:true,
                                                        success:function(shuju){

                                                            //去掉其他级别的内容
                                                            $("ul[class='list clearfix']").css('display','none');

                                                            //显示镇级别的内容
                                                            $('#addr_town').html(shuju).css('display','block');
                                                                
                                                            //镇级别的被点击
                                                            $('#addr_town li a').click(function(){
                                                                
                                                                //传id
                                                                var zhi = $(this).attr('id');

                                                                //头换成点击的镇
                                                                $('#town_top').html($(this).html());

                                                                $.ajax({
                                                                    url:"{{URL('home/detail/create')}}",
                                                                    type:"GET",
                                                                    data:{'id':zhi},
                                                                    dataType:'text',
                                                                    async:true,
                                                                    success:function(valuee){

                                                                        //关闭不显示了，选完了~
                                                                        $('.area_pop').css('display','none');

                                                                        //把值放回去
                                                                        $('#select_add').html($('#province_top').html()+$('#city_top').html()+$('#town_top').html());
                                                                    },
                                                                    error:function(error1){
                                                                        alert('error2');
                                                                    }
                                                                });
                                                            });
                                                        },
                                                        error:function(error){
                                                        alert('error1');
                                                    }
                                                });
                                            });
                                        },
                                        error:function(err){
                                            alert('error');
                                        }
                                    });
                                });

                                //省头被点击
                                $('#province_top').click(function(){
                                    // document.write($('#addr_province').html()+$('#addr_city').html()+$('#addr_town'));
                                    //去掉其他头
                                    $('#city_top').html('请选择').css('display','none');//市头
                                    $('#town_top').html('请选择').css('display','none');//镇头

                                    //隐藏市内容
                                    $('#addr_city').css('display','none');
                                    
                                    //隐藏镇内容
                                    $('#addr_town').css('display','none');

                                    //显示省内容
                                    $('#addr_province').css('display','block');

                                });

                                //市头被点击
                                $('#city_top').click(function(){

                                    //隐藏镇头
                                    $('#town_top').html('请选择').css('display','none');

                                    //隐藏镇内容
                                    $('#addr_town').css('display','none');

                                    //显示市内容
                                    $('#addr_city').css('display','block');
                                });
                            });
                        </script>
                        <b></b>
                    <div class="area_pop" style="display:none" id="gather">                
                        <input type="hidden" id="stock_status" value="1" true_value="1">
                        <a href="javascript:;" class="close" id="address_close"></a>
                        <ul class="tab" onclick="close()">
                            <li id="province_top" class="choose">
                                <a href="javascript:;">请选择</a>
                            </li>
                            <li id="city_top" style="display:none">
                                <a href="javascript:;">请选择</a>
                            </li>
                            <li id="town_top" style="display:none">
                                <a href="javascript:;">请选择</a>
                            </li>
                            <li id="area_top" style="display:none">
                                <a href="javascript:;">请选择</a>
                            </li>
                        </ul>
                        <ul class="list clearfix" id="addr_province">
                            <li><a href="javascript:;" id="1select_new_province_111">北京</a></li>
                            <li><a href="javascript:;" id="2select_new_province_112">天津</a></li>
                            <li><a href="javascript:;" id="3select_new_province_113">河北</a></li>
                            <li><a href="javascript:;" id="4select_new_province_114">山西</a></li>
                            <li><a href="javascript:;" id="5select_new_province_115">内蒙古</a></li>
                            <li><a href="javascript:;" id="6select_new_province_121">辽宁</a></li>
                            <li><a href="javascript:;" id="7select_new_province_122">吉林</a></li>
                            <li><a href="javascript:;" id="8select_new_province_123">黑龙江</a></li>
                            <li><a href="javascript:;" id="9select_new_province_131">上海</a></li>
                            <li><a href="javascript:;" id="10select_new_province_132">江苏</a></li>
                            <li><a href="javascript:;" id="11select_new_province_133">浙江</a></li>
                            <li><a href="javascript:;" id="12select_new_province_134">安徽</a></li>
                            <li><a href="javascript:;" id="13select_new_province_135">福建</a></li>
                            <li><a href="javascript:;" id="14select_new_province_136">江西</a></li>
                            <li><a href="javascript:;" id="15select_new_province_137">山东</a></li>
                            <li><a href="javascript:;" id="16select_new_province_141">河南</a></li>
                            <li><a href="javascript:;" id="17select_new_province_142">湖北</a></li>
                            <li><a href="javascript:;" id="18select_new_province_143">湖南</a></li>
                            <li><a href="javascript:;" id="19select_new_province_144">广东</a></li>
                            <li><a href="javascript:;" id="20select_new_province_145">广西</a></li>
                            <li><a href="javascript:;" id="21select_new_province_146">海南</a></li>
                            <li><a href="javascript:;" id="22select_new_province_150">重庆</a></li>
                            <li><a href="javascript:;" id="23select_new_province_151">四川</a></li>
                            <li><a href="javascript:;" id="24select_new_province_152">贵州</a></li>
                            <li><a href="javascript:;" id="25select_new_province_153">云南</a></li>
                            <li><a href="javascript:;" id="26select_new_province_154">西藏</a></li>
                            <li><a href="javascript:;" id="27select_new_province_161">陕西</a></li>
                            <li><a href="javascript:;" id="28select_new_province_162">甘肃</a></li>
                            <li><a href="javascript:;" id="29select_new_province_163">青海</a></li>
                            <li><a href="javascript:;" id="30select_new_province_164">宁夏</a></li>
                            <li><a href="javascript:;" id="31select_new_province_165">新疆</a></li>
                            <li><a href="javascript:;" id="32select_new_province_171">台湾</a></li>
                            <li><a href="javascript:;" id="33select_new_province_172">香港</a></li>
                            <li><a href="javascript:;" id="34select_new_province_173">澳门</a></li>
                            <!-- <li><a href="javascript:;" id="select_new_province_800000">钓鱼岛</a></li>  -->
                            <li><span style="cursor:pointer">钓鱼岛</sapn></li> 
                        </ul>
                        <ul class="list clearfix" id="addr_city" style="display:none"> 
                            
                        </ul>
                        <ul class="list clearfix" id="addr_town" style="display:none">
                            
                        </ul>
                        <ul class="list clearfix" id="addr_area" style="display:none">
                            
                        </ul>
                    </div>
                    <div class="yunfei" id="dd_delivery_show" dd_name="运费">
                        <b>有货 </b>
                        <a id="dd_delivery_show" href="http://help.dangdang.com/details/page14" target="_blank" rel="nofollow">
                            满59元免运费
                        </a>
                        <ul id="delivery_description" style="display:none;">
                            <li><font style="color:red">●</font>&nbsp;&nbsp;钻石会员自营订单满49元(含)免运费</li>
                            <li><font style="color:red">●</font>&nbsp;&nbsp;其他会员自营订单满59元(含)免运费</li>
                            <li><font style="color:red">●</font>&nbsp;&nbsp;不足金额订单收取运费5元起</li>
                        </ul>
                        <script type="text/javascript">
                            $(function(){
                                $('#dd_delivery_show')
                                .mouseover(function(){
                                    $('#delivery_description').css('display','block');
                                })
                                .mouseout(function(){
                                    $('#delivery_description').css('display','none');
                                });
                            });
                        </script>
                    </div>
                    <b id="stock_writing_status">
                        
                    </b>
                </div>
            </div>
        </div>
        <div class="area_info clearfix">
            <div class="left letter02">服务</div>
            <div class="right">
                <div class="clearfix">
                    <span class="time">
                        由“<b>{{$list->keyWord}}</b>”发货，并提供售后服务。
                        <font id="arr_time"></font>
                    </span>
                </div>
            </div>
        </div>
                  <!-- 配送至 end -->
                    <!-- 按钮区 begin -->
		<form action="" id="myform" method="get"/>
        <div class="buy_box clearfix">
				<div class="num">
					<input id="buy_num" name="buy_num" class="text" value="1" type="text" pbl="0" bn="1">ff
					<a href="javascript:void(0)" class="num_add" id="num_add" dd_name="数量加"></a>
					<a href="javascript:void(0)" class="num_del num_disabled" id="num_del" dd_name="数量减"></a>
				</div>
				<div class="buy_box_btn">
				<span id="viscosity_btn">
				<a href="#" class="btn btn_buy" id="part_buy_button" onclick="shopCar({{$list->id}});" dd_name="加入购物车" name="cart_buy" come_in="1"><i class="cart"></i>加入购物车</a>

                </span>
                <a href="javascript:void(0)" class="btn_buy_now" id="collect" prd="23962996" style="display:none" dd_name="收藏商品">收藏商品</a><a href="javascript:void(0)" class="btn_buy_now" id="buy_now_button" prd="23962996" dd_name="立即购买">
                    立即购买
                </a>
                <span class="tuan" id="tuan"><!--100人成团，已预定<b>98</b>件--></span>
            </div>
            <span id="prd_span" sa_flag="1" product_type="0" pre_arrival_date=""></span>
        </div><!-- 按钮区 end -->
	
		
		</form>
		
		
		
		<script type="text/javascript">
			//实现购买数量的变化
			$(function(){
				//实现数量增加
				$("#num_add").click(function(){
					var num = $("#buy_num").val();
					var num1 = parseInt(num) + 1;
					$("#buy_num").val(num1);
				});
				//实现数量减少
				$("#num_del").click(function(){
					var del = $("#buy_num").val();
					if(del>1){
						var del1 = parseInt(del) - 1;
						$("#buy_num").val(del1);
					}
				});
			});
			//实现购物车提交
			function shopCar(id){
				
				$("#myform").attr("action","{{url('home/shop/add')}}/"+id).submit(); 
			}
			
		</script>
    </div>
    <div class="service_more" id="shop_outer_div">
        <div class="narrow_dang">
            <a href="javascript:void(0)" class="dang" id="shop_btn">
                <img src="./wukongzhuan/narrow_dang.png" width="112" height="70">
            </a>
        </div>
        <div class="service_more_info">
            <p class="title clearfix">
                <span class="title_name">
                    <span class="icon dang"></span>
                    <span class="dang_red">当当自营</span>
                    <span id="live800_shopname">
                        <span class="live800" id="live800_product">
                            <span class="onlines" id="live800" onclick="ShopName.open_live_supplier();" style="display:none">
                                <a href="javascript:void(0)"></a>
                            </span>
                        </span>
                    </span>
                </span>
            </p>
            <ul class="fuwu clearfix" dd_name="当当信息">
                <li class="zpbz">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page13" target="_blank">正品保障</a>
                </li>
                <li class="hdfk" id="huodaofukuan">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page21" target="_blank">货到付款</a>
                    <span class="pop_lipin" id="shop_service_tip_huodao" style="display: none;">
                        该店铺大部分商品支持货到付款，本商品是否支持货到付款，请您以结算页为准
                    </span>
                </li>
                <li class="fwzc">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page13" target="_blank">服务支持</a>
                </li>
                <li class="cjfh">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page203" target="_blank">差价返还</a>
                </li>
                <li class="hh">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page28" target="_blank">15天换货</a>
                </li>
                <li class="lpbz" id="present_box">
                    <i></i>礼品包装
                    <span class="pop_lipin" style="display: none;">
                        每个订单收取一次包装费，费用8.00
                        <br>
                        每个订单可选一张贺卡，费用1.00
                        </span>
                </li>        
                <li class="zcth other">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page28" target="_blank">支持7天无理由退货</a>
                </li>
                <li class="zclpk other">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page24" target="_blank">支持礼品卡</a> 
                </li>       
            </ul>
        </div>
    </div>
</div>
</div>
</div>
    <!-- 图书展示区 end -->
    <!-- content begin -->
    
<div class="product_content clearfix">
        <!-- 右侧主体 begin -->

    <div class="main">
    <!-- 最佳拍档 begin -->
        
    {!! $list->gooddetail !!}
    
    @endsection